<template>
  <div class="card">
    <h2 class="text-lg font-bold">区域用电用气量</h2>
    <div class="flex text-center justify-around">
      <div class="bg-white rounded-lg shadow p-4 flex flex-col items-center justify-center">
        <p class="text-sm">用电</p>
        <p class="value">85342.5<span class="unit">kw/h</span></p>
      </div>
      <div class="bg-white rounded-lg shadow p-4 flex flex-col items-center justify-center">
        <p class="text-sm">用气</p>
        <p class="value">2075.8<span class="unit">元/m³</span></p>
      </div>
    </div>
  </div>
</template>

<script setup>
// 数据可从后端获取，这里先写死
</script>

<style scoped>
/* 组件样式 */
</style>
